<template>
    <div class="panel">
        <div class="title">阜新网格</div>
        <div class="panel-card">
            <img src="@/assets/images/smartGrid/guxinMap.png">
        </div>
    </div>
</template>
<script>
export default{
    name:"guxinMap",
    data(){
        return {}
    }
}
</script>
<style scoped>
    .panel{
        width: 800px;
        height: 800px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: space-around;
    }

    .panel .title{
        font-size: 2rem;
        height: 3rem;
        width: 100%;
        text-align: center;
    }
    .panel-card{
        width: 100%;
        overflow: hidden;
    }

    .panel-card img{
        border-radius: 30px;
        width: 600px;
        height: 600px;
        position: relative;
        left: 100px;

    }
</style>